<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>文本属性</title>
  <style>
    @font-face {
      font-family: 'ZoomlaTangYin-A053';
      /*逐浪唐寅行书体*/
      src: url('https://code.z01.com/font/ZoomlaTangYin-A053.eot?#iefix');
      /* IE9 */
      src: url('https://code.z01.com/font/ZoomlaTangYin-A053.eot?#iefix') format("embedded-opentype"),
        /* IE6-IE8 */
        url('https://code.z01.com/font/ZoomlaTangYin-A053.woff') format("woff"),
        /* chrome、firefox */
        url('https://code.z01.com/font/ZoomlaTangYin-A053.ttf') format("truetype"),
        /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
        url('https://code.z01.com/font/ZoomlaTangYin-A053.svg#ZoomlaTangYin-A053') format("svg");
      /* iOS 4.1- */
      font-style: normal;
      font-weight: normal;
    }

    p {
      /* 文本样式 */
      /* 1、设置文本打开或关闭斜体
      normal——正常
      italic——斜体
      */
      font-style: italic;

      /* 2、设置粗细程度 100-900
      bold——700 bolder——900
      */
      font-weight: 400;

      /* 3、字体样式*/
      font-family: '楷体', '微软雅黑', '宋体'serif;

      /* 缩写形式style weight size family */
      font: italic bold 28px 'ZoomlaTangYin-A053';
    }
  </style>
</head>

<body>
  <p>我一个段落标签</p>

</body>

</html>